<template>
	<div class="app-mob-loading-mask__spin" @click.capture="clickMask">
		<van-loading
			:color="color"
			:size="size"
			type="spinner"
			:vertical="vertical"
			class="app-mob-loading-mask__loading"
		>
			{{ text || localText }}
		</van-loading>
	</div>
</template>
<script lang="ts" setup>
import { loadingProps } from './loading';
const props = defineProps(loadingProps);
const clickMask = (event: any) => {
	event.preventDefault();
	event.stopPropagation();
};
const localText = computed(() => {
	return App.ts('common.generic.loading', '加载中');
});
</script>
